<include file="Common/works/header" />
<include file="Common/works/left_menu" />
<script src="__PUBLIC__/js/jquery.selectlist.js"></script>
<script src="__PUBLIC__/home/js/extendSelectList.js"></script>
<div class="right">
	<div class="title faservice_title">
		<a href="/apiworks/monitorList.html" title="API监控">API监控</a>&nbsp;&gt;&nbsp;监控详情</div>
	<div class="monitor_list">
		<div class="monitor_bt">
			
			<div class="kt">
				<div class="wz">选择服务</div>
				<div class="select">
					<div>
						<select class="_service_change" data-default="{$service_name}" id="serviceone">
							<foreach name="parent_service" item="service" key="keys">
								<option value="{$keys}" <if condition="$keys eq $service_name">selected="selected"</if> >{$service}</option>
							</foreach>
						</select>
					</div>
				</div>
			</div>
			
			<div class="kt">
				<div class="wz">选择api</div>	
				<div class="select">
					<input type="hidden" class='_all_array_apis' value='{$children_service}' data-default="{$api_name}" />
					<div class="_service_change_val">
						<select class="_service_api_option" id="servicetwo">
							<?php $children_apis = json_decode($children_service,true);?>
							<if condition="(empty($children_apis) eq false) && (empty($children_apis[$service_name]) eq false)">
								<div class="_first_option">
									<foreach name="children_apis[$service_name]" item="api" key="apikey">
										<option value="{$apikey}" <if condition="$apikey eq $api_name">selected="selected"</if> >{$api}</option>
							</foreach>
							</div>
							</if>
						</select>
						<!--_service_api_option-->
						<script id="script_service_api" type="text/html">
							{{each list as value key}}
							<option value="{{key}}">{{value}}</option>
							{{/each}}
						</script>
					</div>
				</div>
			</div>
			
			<div class="kt">
				<div class="wz">选择时间周期</div>
				<div class="select">
					<div>
						<select class="_cycle_type" id="servicethree">
							<option value="2" <if condition="$cycle_type eq 2">selected="selected"</if> >今天内</option>
							<option value="0" <if condition="$cycle_type eq 0">selected="selected"</if> >5分钟内</option>
							<option value="1" <if condition="$cycle_type eq 1">selected="selected"</if> >60分钟内</option>
							<option value="5" <if condition="$cycle_type eq 5">selected="selected"</if> >7天内</option>
							<option value="3" <if condition="$cycle_type eq 3">selected="selected"</if> >30天内</option>
							<option value="4" <if condition="$cycle_type eq 4">selected="selected"</if> >90天内</option>
						</select>
					</div>
				</div>
			</div>
			
			<a href="javascript:void(0);" title="查询" class="monitor _monitor_search" id="grant">查询</a>
			<div class="cls"></div>
		</div>
		<div class="table">
			<div class="tab hr _cnt_ret _cnt_tab">
				<div>返回条数</div>
				<div class="rig">{$info->cnt_ret}</div>
			</div>
			<div class="tab _cnt_call _cnt_tab">
				<div>请求条数</div>
				<div class="rig">{$info->cnt_call}</div>
			</div>
			<div class="tab _cnt_use _cnt_tab">
				<div>使用人数</div>
				<div class="rig">{$info->count}</div>
			</div>

			<div class="tab _cnt_cnt _cnt_tab">
				<div>可用率</div>
				<div class="rig">{$info->cnt}</div>
			</div>
		</div>
		<div class="table-ft hide _no_data_bg" id="container">
			<div class="wusj"></div>
		</div>
		<div class="table-ft _data_con" id="degree_chart" data-x='{$data["xAxis"]}' data-series-ret='{$data["series"]["cnt_ret"]}' data-series-call='{$data["series"]["cnt_call"]}' data-series-cnt='{$data["series"]["cnt"]}' data-series-count='{$data["series"]["count"]}'></div>

	</div>
</div>
</div>
<input type="hidden" class="_all_services" value='{$all_service_name_en}' />
<input type="hidden" class="_service_id" value='{$service_name}' />
<input type="hidden" class="_api_id" value='{$api_name}' />
<!--js脚本-->
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript" src="__PUBLIC__/home/js/artTemplate.js"></script>
<script src="__PUBLIC__/home/js/monitorDetail.js"></script>
<!-- <script language="javascript" type="text/javascript" src="__PUBLIC__/js/highcharts.js"></script> -->
<script type="text/javascript" src="__PUBLIC__/js/master-highcharts.js"></script>
</body>
</html>